<template>
  <div>
    <button @click="handleClick"><slot /></button>
  </div>
</template>

<script>
export default {
  name: "Button",
  // mounted() {
  //   console.log(this.$attrs);
  // },
  methods: {
    handleClick() {
      // 触发自定义事件
      // this.$emit("click");
      // console.log(this.$listeners); // 获取所有给组件绑定的事件

      // 触发自定义事件(直接调用事件的回调函数)
      this.$listeners.click();
    },
  },
};
</script>

<style></style>
